<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- html <head>标签部分  -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="/css/core.css" type="text/css"/>
    <script type="text/javascript" src="/js/jquery/jquery-2.1.3.js"></script>
    <script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
    <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-validation/jquery.validate.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>

    <script type="text/javascript">
        $(function () {
            $("#beginDate,#endDate").click(function () {
                WdatePicker();
            });

            $("#pagination").twbsPagination({
                totalPages: ${pageInfo.pages} || 1,
                    startPage
        :${qo.currentPage},
            visiblePages : 5,
                    first
        :
            "首页",
                    prev
        :
            "上一页",
                    next
        :
            "下一页",
                    last
        :
            "最后一页",
                    onPageClick
        :

            function (event, page) {
                $("#currentPage").val(page);
                $("#searchForm").submit();
            }
        })
            ;
            $("#query").click(function () {
                $("#currentPage").val(1);
                $("#searchForm").submit();
            })

        });
    </script>
</head>
<body>
<div class="container">
    <#include "common/top.ftl"/>
    <div class="row">
        <div class="col-sm-3">
        <#assign currentMenu = "orderBill" />
        <#include "common/menu.ftl" />
        </div>
        <div class="col-sm-9">

            <div style="background-color:#31b1ff; padding-top: 7px" align="center"><font
                    size="4">订单列表</font></div>

            <form id="searchForm" method="post" action="/orderBill_backlist">

                <input type="hidden" id="currentPage" name="currentPage" value=""/>
                <div class="form-group" style="width:70%;padding-bottom: 3px;padding-top: 3px" align="left">

                <#--<li>
                    <div><button id="query" class="btn btn-success">查询</button>
                    <input type="text" class="form-control" id="keyword" name="keyword" placeholder="客户姓名" style="background-color: #eefbbb" value="${(qo.keyword!'')}">
                    </div>
                </li>-->

                </div>
                    <div class="row">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>客户姓名</th>
                                <th>订单编号</th>
                                <th>服务时间</th>
                                <th>服务地点</th>
                                <th>套餐类型</th>
                                <th>套餐收费(元)</th>
                                <th>客户留言</th>
                                <th>OpenId</th>
                            </tr>
                            </thead>
                            <tbody>

                        <#list pageInfo.list as bill>
                        <tr>
                            <td>${bill.username}</td>
                            <td>${bill.orderBillNum!""}</td>
                            <td>${bill.mealImplementTime?string('yyyy-MM-dd')}</td>
                            <td>${bill.mealImplementAddress!""}</td>
                            <td>${bill.mealTypeDisplay!""}</td>
                            <td>${bill.fee?string.currency}</td>
                            <td>${bill.remark!""}</td>
                            <td>${bill.openid!""}</td>
                        </tr>
                        </#list>
                            </tbody>
                        </table>

                        <div style="text-align: center;">
                            <ul id="pagination" class="pagination"></ul>
                        </div>
                    </div>
        </div>
        </form>
    </div>

</div>

</body>
</html>